:global {
  .markdown {
    & > *:first-child {
        margin-top: 0 !important;
    }
  
    a {
      background-color: transparent;
      color: #0366d6;
      text-decoration: none;
    }
  
    a:active,
    a:hover {
      outline-width: 0;
      text-decoration: underline;
    }
    a:not([href]) {
      color: inherit;
      text-decoration: none;
    }
  
    strong {
      font-weight: bolder;
    }
  
    img {
      border-style: none;
    }
  
    code, kbd, pre {
      font-family: monospace, monospace;
      font-size: 1em;
    }
  
    hr {
      box-sizing: content-box;
      height: 0;
      overflow: visible;
    }
  
    input {
      font: inherit;
      margin: 0;
    }
  
    input {
      overflow: visible;
    }
  
    [type="checkbox"] {
      box-sizing: border-box;
      padding: 0;
    }
  
  
    input {
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
    }
  
  
  
    strong {
      font-weight: 600;
    }
  
    hr {
      overflow: hidden;
      background: transparent;
      border: 0;
      border-bottom: 1px solid #dfe2e5;
      height: 0.25em;
      padding: 0;
      margin: 24px 0;
      background-color: #e1e4e8;
      border-bottom-color: #eee;
      border: 0;
      &::before {
        display: table;
        content: "";
      }
  
      &::after {
        display: table;
        clear: both;
        content: "";
      }
    }
  
    h1, h2, h3, h4, h5, h6 {
      margin-top: 0;
      margin-bottom: 0;
    }
  
    h1 {
      font-size: 32px;
      font-weight: 600;
    }
  
    h2 {
      font-size: 24px;
      font-weight: 600;
    }
  
    h3 {
      font-size: 20px;
      font-weight: 600;
    }
  
    h4 {
      font-size: 16px;
      font-weight: 600;
    }
  
    h5 {
      font-size: 14px;
      font-weight: 600;
    }
  
    h6 {
      font-size: 12px;
      font-weight: 600;
    }
  
    p {
      margin-top: 0;
      margin-bottom: 10px;
    }
  
    blockquote {
      margin: 0;
    }
  
    ul, ol {
      margin-top: 0;
      margin-bottom: 0;
    }
  
    ol ol, ul ol {
      list-style-type: lower-roman;
    }
  
    ul ul ol,
    ul ol ol,
    ol ul ol,
    ol ol ol {
      list-style-type: lower-alpha;
    }
  
    dd {
      margin-left: 0;
    }
  
    code, pre {
      font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
      font-size: 12px;
    }
  
    p, blockquote, ul, ol, dl, table, pre:not(:global(.CodeMirror-line)) {
      margin-top: 0;
      margin-bottom: 16px;
    }
  
    blockquote {
      padding: 0 1em;
      color: #6a737d;
      border-left: 0.25em solid #dfe2e5;
    }
  
    blockquote>:first-child {
      margin-top: 0;
    }
  
    blockquote>:last-child {
      margin-bottom: 0;
    }
  
    kbd {
      display: inline-block;
      padding: 3px 5px;
      font-size: 11px;
      line-height: 10px;
      color: #444d56;
      vertical-align: middle;
      background-color: #fafbfc;
      border: solid 1px #c6cbd1;
      border-bottom-color: #959da5;
      border-radius: 3px;
      box-shadow: inset 0 -1px 0 #959da5;
    }
  
    h1, h2, h3, h4, h5, h6 {
      margin-top: 24px;
      margin-bottom: 16px;
      font-weight: 600;
      line-height: 1.25;
    }
  
    h1 {
      padding-bottom: 0.3em;
      font-size: 2em;
      border-bottom: 1px solid #eaecef;
    }
  
    h2 {
      padding-bottom: 0.3em;
      font-size: 1.5em;
      border-bottom: 1px solid #eaecef;
    }
  
    h3 {
      font-size: 1.25em;
    }
  
    h4 {
      font-size: 1em;
    }
  
    h5 {
      font-size: 0.875em;
    }
  
    h6 {
      font-size: 0.85em;
      color: #6a737d;
    }
  
  
    ul ul,
    ul ol,
    ol ol,
    ol ul {
      margin-top: 0;
      margin-bottom: 0;
    }
    ul, ol {
      padding-left: 2em;
    }
  
    li {
      word-wrap: break-all;
      list-style: initial;
    }
  
    ol li {
      list-style: inherit;
    }
  
    li>p {
      margin-top: 16px;
    }
  
    li+li {
      margin-top: 0.25em;
    }
  
    dl {
      padding: 0;
    }
  
    dl dt {
      padding: 0;
      margin-top: 16px;
      font-size: 1em;
      font-style: italic;
      font-weight: 600;
    }
  
    dl dd {
      padding: 0 16px;
      margin-bottom: 16px;
    }
  
    table {
      border-spacing: 0;
      border-collapse: collapse;
    }
  
    td, th {
      padding: 0;
    }
  
    table {
      display: block;
      width: 100%;
      overflow: auto;
      th {
        font-weight: 600;
      }
      th, td {
        padding: 6px 13px;
        border: 1px solid #dfe2e5;
      }
  
      tr {
        background-color: #fff;
        border-top: 1px solid #c6cbd1;
      }
  
      tr:nth-child(2n) {
        background-color: #f6f8fa;
      }
  
    }
  
    img {
      max-width: 100%;
      box-sizing: content-box;
      background-color: #fff;
      &[align=right] {
        padding-left: 20px;
      }
  
      &[align=left] {
        padding-right: 20px;
      }
    }
  
    code {
      padding: 0.2em 0.4em;
      margin: 0;
      background-color: rgba(27,31,35,0.05);
      border-radius: 3px;
    }
  
    pre:not(:global(.CodeMirror-line)) {
      word-wrap: normal;
      max-height: 400px;
      overflow: auto;
      code {
        display: inline;
        max-width: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        line-height: inherit;
        word-wrap: normal;
        background-color: transparent;
        border: 0;
      }
    }
  
  
  
    kbd {
      display: inline-block;
      padding: 3px 5px;
      font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
      line-height: 10px;
      color: #444d56;
      vertical-align: middle;
      background-color: #fafbfc;
      border: solid 1px #d1d5da;
      border-bottom-color: #c6cbd1;
      border-radius: 3px;
      box-shadow: inset 0 -1px 0 #c6cbd1;
    }
  
    :global {
      .task-list-item {
        list-style-type: none;
      }
  
      .task-list-item + .task-list-item {
        margin-top: 3px;
      }
  
      .task-list-item input {
        margin: 0 0.2em 0.25em -1.6em;
        vertical-align: middle;
      }
      .inserted {
        background-color: #def7e5;
        color: #22863a;
      }
      .deleted {
        background-color: #ffdde0;
        color: #dc3545;
      }
    }
    
    :global(.w-code-preview-demo) {
      img {
        max-width: initial;
        background-color: transparent;
      }
    }
  }
}